<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        .box{
            width: 500px;
            margin: 50px auto;
            padding: 50px;
            border: 1px solid #ccc;
        }
        .btn{
            margin-top: 20px;
            width: 100px;
            height: 28px;
        }
        .tab {
            width: 100%;
        }
        .tab  td{
            height: 28px;
            border-bottom: 1px dashed #ccc;
        }
    </style>
</head>
<body>
    <!--box-->
    <div class="box">
        <table id="tabBox" class="tab">
            <tr>
                <td>节点1</td>
                <td><input id="jd1" type="text"/></td>
                <td>备注</td>
                <td><input id="jdbz1" type="text"/></td>
            </tr>
        </table>
        <button id="butAdd" class="btn">点击添加</button>
    </div>

    <script src="js/jquery_1.9.js"></script>
    <script src="js/main.js"></script>
</body>
</html>